<template>
	<div v-if="pageLoad">
		<div class="header">
			<div class="header-title">dt-ui</div>
		</div>
		<div class="header-row"></div>
		<div class="main-body">
			<div class="row-box">
				<div class="g-hd-1">关于dt-ui</div>
				<div class="cl2 bd-mp-10">
					dt-ui 基于html5的手机css ui模板库, 适用于wap、小程序、react、vue、uniapp、weex。
					<div class="flex pd-10">
						<a class="btn-small btn-outline-success mgr-10" href="https://github.com/lrjxgl/dt-ui" target="_blank">Github</a>
						<a class="btn-small btn-outline-info" href="http://www.deitui.com/module.php?m=ask&a=list&gid=29">交流论坛</a>
					</div>
				</div>
				<div class="list">
					<div class="tabs-toggle-group">
						<div class="tabs-toggle">
							<div class="tabs-toggle-hd g-hd-2">dt-ui</div>
							<div class="tabs-toggle-box">
								<navigator class="row-item" url="index.html?m=uicss&a=base">
									<div class="flex-1">Base</div> 
								</navigator>
								<navigator class="row-item" url="index.html?m=uicss&a=btn">
									<div class="flex-1">Btn</div>
								</navigator>
								<navigator class="row-item" url="index.html?m=uicss&a=form">
									<div class="flex-1">Form</div>
								</navigator>
								<navigator class="row-item" url="index.html?m=uicss&a=page">
									<div class="flex-1">page</div>
								</navigator>
								<navigator class="row-item" url="index.html?m=uicss&a=tabs">
									<div class="flex-1">tabs</div>
								</navigator>
								<navigator class="row-item" url="index.html?m=uicss&a=list">
									<div class="flex-1">list</div>
								</navigator>
								<navigator class="row-item" url="index.html?m=uicss&a=modal">
									<div class="flex-1">弹框</div>
								</navigator>
								<navigator class="row-item" url="index.html?m=uicss&a=animate">
									<div class="flex-1">animate</div>
								</navigator>
								<navigator class="row-item" url="index.html?m=raty">
									<div class="flex-1">raty</div>
								</navigator>
							</div>
						</div>
						<div class="tabs-toggle">
							<div class="tabs-toggle-hd g-hd-2">风格</div>
							<div class="tabs-toggle-box">
								<div class="pd-5 cl2">dt-ui可以轻松定制各种风格</div>
							<div class="skinsList">
								
								<div class="skinsList-item" data-skins="" style="background-color: #f7f7f7;"></div>
								<div class="skinsList-item" data-skins="skins-d94e7a.css" style="background-color: #d94e7a;"></div>
								<div class="skinsList-item"  data-skins="skins-ed6d53.css" style="background-color: #ed6d53;"></div>
								<div class="skinsList-item"  data-skins="skins-ff82ab.css" style="background-color: #ff82ab;"></div>
								<div class="skinsList-item"  data-skins="skins-default.css" style="background-color: #333333;"></div>
								<div class="skinsList-item"  data-skins="skins-8A2BE2.css" style="background-color: #8A2BE2;"></div>
							</div>
							</div>	
						</div>
						
						<div class="tabs-toggle">
							<div class="tabs-toggle-hd g-hd-2">页面模板</div>
							<div class="tabs-toggle-box">
								<div class="row-item" gourl="index.html?m=login">
									<div class="flex-1">登录页面</div>
								</div>
								<div class="row-item" gourl="index.html?m=register">
									<div class="flex-1">注册页面</div>
								</div>
								<div class="row-item" gourl="index.html?m=user">
									<div class="flex-1">个人中心</div>
								</div>
								<div class="row-item" gourl="index.html?m=user&a=fd175">
									<div class="flex-1">个人中心2</div>
								</div>
								<div class="row-item" gourl="index.html?m=article">
									<div class="flex-1">文章</div>
								</div>
								 
								<div class="row-item" gourl="index.html?m=article&a=show">
									<div class="flex-1">文章详情</div>
								</div>
								<div class="row-item" gourl="index.html?m=product">
									<div class="flex-1">产品</div>
								</div>
								<div class="row-item" gourl="index.html?m=product&a=show">
									<div class="flex-1">产品详情</div>
								</div>
							</div>
						</div>
						<div class="tabs-toggle">
							<div class="tabs-toggle-hd g-hd-2">项目模板</div>
							<div class="tabs-toggle-box">
								<navigator class="row-item" url="index.html?m=index&a=fd175">
									<div class="flex-1">小城网模板</div>
								</navigator>
								<navigator class="row-item" url="index.html?m=index&a=forum">
									<div class="flex-1">论坛模板</div>
								</navigator>
								<navigator class="row-item" url="index.html?m=index&a=shop">
									<div class="flex-1">商城模板</div>
								</navigator>
								<navigator class="row-item" url="index.html?m=index&a=taoke">
									<div class="flex-1">淘客模板</div>
								</navigator>
								<navigator class="row-item" url="index.html?m=index&a=xyo2o">
									<div class="flex-1">校园O2O</div>
								</navigator>
								<navigator class="row-item" url="index.html?m=index&a=b2b">
									<div class="flex-1">B2B</div>
								</navigator>
								<navigator class="row-item" url="index.html?m=chat">
									<div class="flex-1">聊天</div>
								</navigator>
							</div>
						</div>
						
						<div class="tabs-toggle">
							<div class="tabs-toggle-hd g-hd-2">Vue项目</div>
							<div class="tabs-toggle-box">
								Vue项目集合
							</div>
						</div>
						<div class="tabs-toggle">
							<div class="tabs-toggle-hd g-hd-2">Uni项目</div>
							<div class="tabs-toggle-box">
								Uni项目集合
							</div>
						</div>
						<div class="tabs-toggle">
							<div class="tabs-toggle-hd g-hd-2">Weex项目</div>
							<div class="tabs-toggle-box">
								Weex项目集合
							</div>
						</div>	
					</div>
				</div>
			</div>
		</div>
	</div>
</template>
<style>
	 
	.dt-ui-home {
		display: none !important;
	}
</style>
